<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<#assign path="${request.getContextPath()}">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="${path}/userCenter/css/validationEngine.jquery.css" type="text/css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine-cn.js" type="text/javascript"></script>
<script src="${path}/jquery/jquery.validationEngine.js" type="text/javascript"></script>
<link href="${path}/css/reset.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/frame.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/header.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/sidebar.css" type="text/css" rel="stylesheet"/>
<link href="${path}/css/footer.css" type="text/css" rel="stylesheet"/>
<link href="${path}/userCenter/css/register.css" type="text/css" rel="stylesheet"/>
<script src="${path}/userCenter/js/register.js" type="text/javascript"></script>
<title><@s.text name='user.register'/></title>
<link rel="short cut icon" HREF="${path}/images/favicon.ico" />
</head>
<body>
<div id="wrapper">
	<#include "/header.ftl" />
	<div id="content">
		<@s.form id="registerForm" action="registerUser" method="POST" theme="simple">
        		<ul id = "registerUL">
        			<li>
           				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            			<img namespace="userCenter" src="pictureCheckCode.action" id="createCheckCode"/>
            			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            			<a href="#" id="changeValidateCode" onclick="changeValidateCode()"><@s.text name="reloadVeriCode"/></a>
           			</li>
        			<li>
            			<span><@s.text name="user.verificationCode" /></span>
                   		<input type = "text" name="vericode" id="vericode" class=validate[required,ajax[ajaxVeriCode]]" value="" maxLength="5"/>
                   	
           			</li>
           			
                   	<li>
                   		<span><@s.text name="user.username"/></span>
                   		<input id="username" type="text"  class="validate[required,custom[noSpecialCaracters],length[0,100],ajax[ajaxName]]" name="user.userName" maxLength="100"/>
                   		
            		</li>
            		<li>
            			<span><@s.text name="user.password"/></span>
                   		<input type="password" id="password" class="validate[required,length[6,100]]" name="password" maxLength="100"/>
                   	
           			</li>
           			<li>
            			<span><@s.text name="user.passwordConfirm"/></span>
                   		<input type="password" id="passwordConfirm"  name="user.password" class="validate[confirm[password]" maxLength="100"/>
                   	
           			</li>
           			<li>
            			<span><@s.text name="user.email"/></span>
                   		<input type="text" id="email"  name="user.email" class="validate[custom[email],ajax[ajaxEmail]]" maxLength="200"/>
                   	
           			</li>
           			<li>
            			<span><@s.text name="user.gender"/>:</span>
                   		<input type="radio" name="user.male" value="true" checked> <img title='<@s.text name="user.male" />' alt='' src='${path}/images/male.jpg' class='avatar avatar-48 photo' height='48' width='48' /></input>
						<input type="radio" name="user.male" value="false"><img title='<@s.text name="user.female" />' alt='' src='${path}/images/female.jpg' class='avatar avatar-48 photo' height='48' width='48' />			   </input>
           			</li>
           			<li>
            			<span><@s.text name="user.web"/></span>
                   		<input type="text" id="webUrl"  name="user.web" maxLength="255"/>(<@s.text name="input.option" />)
           			</li>
            		<li>
            			&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
            			<@s.submit name="register" id="register"  key="user.register" />
            			&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
            			<@s.reset name="reset" key="user.reset"></@s.reset>
            		</li>
        		</ul>
     		
     	</@s.form>
	</div>

	
	<#include "/blogManager/managerFooter.ftl" />
	
</div>	
</body>

</html>